.xf { position:fixed; bottom:0; _position:absolute; _top:expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight);
right:5px; width:75px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
.xf ul { width:70px; height:195px; margin-bottom:0px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
.xf li { width:100%; height:70px; background:#FFF; border:1px solid #e5e5e5; -moz-border-radius: 5px;      /* Gecko browsers */ -webkit-border-radius: 5px;   /* Webkit browsers */ border-radius:5px; position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
.xf li a { display:block; width:100%; padding-top:40px; text-align:center; color:#FFF; font-size:14px; cursor:pointer; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
.xf li.li1 { background:url("/images/HituxCMSNote/xf_icon1.png") no-repeat center 16px #FFF; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; position:relative }
.kefutell { position: absolute; left: -187px; top: -60px; text-align:center; display:none; width: 177px; height: 198px; background-color: #fff; border: 1px solid #D7D7D7; }
.kefutell p { width: 155px; text-align: center; font-size:14px; margin-left: 10px; }
.kefutell i { width: 8px; height: 15px; position: absolute; top: 85px; right: -8px; background-image: url("/images/HituxCMSNote/trangle-right-suspension.png"); background-repeat: no-repeat; }
.xf li.li1:hover { background:url("/images/HituxCMSNote/xf_icon1h.png") no-repeat center 16px #1077D6; border:1px solid #1077D6 }
.xf li.li1:hover a { color:#FFF }
.xf li.li2 { background:url("/images/HituxCMSNote/xf_icon3.png") no-repeat center 12px #FFF; }
.xf li.li2:hover { background:url("/images/HituxCMSNote/xf_icon3h.png") no-repeat center 12px #1077D6; border:1px solid #1077D6 }
.xf li.li2:hover a { color:#FFF }
.xf li.li3 { background:url("/images/HituxCMSNote/xf_ico5h.png") no-repeat center 12px #1077D6; width:100%; text-align:center; cursor:pointer; position:relative; color:#FFF; }
.xf li.li3:hover { background:url("/images/HituxCMSNote/xf_ico5h.png") no-repeat center 12px #1088D6; border:1px solid #1088D6 }
.xf li.li3:hover a { color:#FFF; }
.xf li.li5 { background:url("/images/HituxCMSNote/xf_im1.png") no-repeat center 12px #FFF; }
.xf li.li5:hover { background:url("/images/HituxCMSNote/xf_im1h.png") no-repeat center 12px #1077D6; border:1px solid #1077D6 }
.xf li.li5:hover a { color:#FFF }
.xf li.li6 { background:url("/images/HituxCMSNote/xf_ico11.png") no-repeat center 18px #FFF; }
.xf li.li6:hover { background:url("/images/HituxCMSNote/xf_ico11h.png") no-repeat center 18px #1077D6; border:1px solid #1077D6 }
.xf li.li6:hover a { color:#FFF }
.tencent { position: absolute; left: -218px; top: 0px; width: 216px; height: 70px; display:none; background-color: #1077D6; -moz-border-radius: 5px;      /* Gecko browsers */ -webkit-border-radius: 5px;   /* Webkit browsers */ border-radius:5px; }
.tencent span { display:block; padding-left:25px; background:url("/images/HituxCMSNote/telb.png") no-repeat 15px center; height:70px; line-height:70px; font-size:16px; font-weight:bold; color:#FFF; }